@import '../../common';

.coach-container{
	@include block;
	@include flex-space-between;
	align-items: flex-start;

	.header-img{
		width: auto;
	}

	.header-img{
		position: relative;
		image{
			@include size(56,56,50%);
			&.v{
				position: absolute;
				bottom: 0;
				right:  4rpx;
				@include size(24,24,0);
			}
		}
	}

	.info{
		width: calc(100% - 56rpx - 16rpx);
		.user{
			@include flex-space-between;
			height: 56rpx;
			.name{
				@include fontStyle(28,28,#000000,500);
			}

			.age{
				@include flex;
				text{
					@include fontStyle(28,28,#999999);
				}
				image{
					margin-left:  8rpx;
					@include size( 24, 24,0%);
				}
			}
		}
		.introduce{
			margin-top: 18rpx;
			@include fontStyle(28,48,#000000);
			word-wrap: break-word;
			max-height: 96rpx;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			 /* autoprefixer: off */
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: normal;
		}
	}
}